<template>
    <el-menu :default-openeds="['admin','room']"
    background-color="#545c64"
             text-color="#fff"
             active-text-color="#ffd04b"
             style="height: 100%;"
             :collapse="isCollapse"
             :collapse-transition="false"
             class="el-menu-vertical-demo"
             router
    >
        <el-menu-item index="/Home">
            <i class="el-icon-s-home"></i>
            <span slot="title">首页</span>
        </el-menu-item>
        <el-submenu index="admin" v-if="this.user.roleId!=2">
            <template slot="title"><i class="el-icon-message"></i><span slot="title">角色信息管理</span></template>
            <el-menu-item-group>
                <template slot="title" >分组一</template>
                <el-menu-item   :index="'/'+item.menuclick" v-for="(item,i) in menu" :key="i"  >
                    <i :class="item.menuicon"></i>
                    <span>{{item.menuname}}</span>

                </el-menu-item>
            </el-menu-item-group>
        </el-submenu>
        <el-submenu index="room">
            <template slot="title"><i class="el-icon-menu"></i><span slot="title">餐馆管理</span></template>
            <el-menu-item-group>
                <el-menu-item   index="/room-menuMange"  >
                    <i class="el-icon-food"></i>
                    <span>菜单管理</span>

                </el-menu-item>

                    <el-menu-item   index="/room-tipMange"  >
                        <i class="el-icon-s-claim"></i>
                        <span>订单管理</span>

                    </el-menu-item>

                        <el-menu-item   index="/room-zuoweiMange"  >
                            <i class="el-icon-s-flag"></i>
                            <span>座位管理</span>

                        </el-menu-item>
            </el-menu-item-group>


        </el-submenu>
    </el-menu>
</template>

<script>
    export default {
        name: "Aside",
        data(){
            return{
           user:{},

                //isCollapse:false
              room:[
                    {
                        menuClick:'room-menuMange',
                         menuName:'菜单管理',
                         menuIcon:'el-icon-s-custom',

                    },{
                         menuClick:'room-tipMange',
                         menuName:'订单管理',
                         menuIcon:'el-icon-user-solid'
                    },
                  {
                      menuClick:'room-zuoweiMange',
                      menuName:'座位管理',
                      menuIcon:'el-icon-user-solid'
                  }

                 ]
            }


        },
        computed:{
            "menu":{
                get(){
                   return this.$store.state.menu;

                }
            }
            }

        ,props:{
            isCollapse:Boolean
        },methods:{
            init(){
                this.user=JSON.parse(sessionStorage.getItem('CurUser'));

            },
            // loadGet() {//获取数据的请求
            //     this.$axios.get(this.$httpUrl + '/menu/list',{params:{roleId:'2'}}).then(res => res.data).then(res => {
            //         console.log(res.data)
            //         this.tableData = res.data
            //     })
            // },
        },
        created() {
          this.init();

        }
    }
</script>

<style scoped>
    .el-menu-vertical-demo:not(.el-menu--collapse) {
        width: 200px;
        min-height: 400px;
    }
</style>